<div id="main">
    <div id="contents">

            <fieldset>
                <legend><label sid="dhcp.title1"></label></legend>
                <div class="frame_tab_layer">
                    <!--dhcp-->
                    <table width="100%" border="0" cellpadding="0" cellspacing="0" class="cmenutitle">
                        <tr>
                            <td class="frame_tab_left"><label for="id2078"><label
                                    sid="lan.dhcp_type_server"></label></label>
                            </td>
                            <td class="frame_tab_right"><input type="radio" name="id2078" id="id2078_1" value="1"
                                                               onclick="disabledServer()"/>&#160;
                                <label sid="main.enable"></label>
                                <span style="padding-left:20px;"></span><input type="radio" name="id2078" id="id2078_2"
                                                                               value="0" onclick="disabledServer()"/>&#160;
                                <label sid="main.disable"></label>
                            </td>
                        </tr>
                    </table>
                    <table width="100%" border="0" cellpadding="0" cellspacing="0" class="cmenutitle" id="dhcpconfigid">
                        <tr>
                            <td class="frame_tab_left"><label for="id2079"><label sid="lan.dhcp_start"></label></label>
                            </td>
                            <td class="frame_tab_right">
                                <input name="id2079_1" id="id2079_1" type="text" size="3" maxlength="3"
                                       readonly="true"/>.
                                <input name="id2079_2" id="id2079_2" type="text" size="3" maxlength="3"
                                       readonly="true"/>.
                                <input name="id2079_3" id="id2079_3" type="text" size="3" maxlength="3"/>.
                                <input name="id2079_4" id="id2079_4" type="text" size="3" value="2"/>
                                <span class="x-form-tip" id="id2079_4Tip"></span>

                            </td>
                        </tr>
                        <tr>
                            <td class="frame_tab_left"><label for="id2080"><label sid="lan.dhcp_end"></label></label>
                            </td>
                            <td class="frame_tab_right">
                                <input name="id2080_1" id="id2080_1" type="text" size="3" maxlength="3"
                                       readonly="true"/>.
                                <input name="id2080_2" id="id2080_2" type="text" size="3" maxlength="3"
                                       readonly="true"/>.
                                <input name="id2080_3" id="id2080_3" type="text" size="3" maxlength="3"/>.
                                <input name="id2080_4" id="id2080_4" type="text" size="3" maxlength="3" value="100"/>
<!--
                                <span class="x-form-requir">*必填</span>
-->
                                <span class="x-form-tip" id="id2080_4Tip"></span>
                            </td>
                        </tr>

                        <tr>
                            <td class="frame_tab_left"><label for="id2082"><label sid="inet.pri_dns"></label></label>
                            </td>
                            <td class="frame_tab_right">
                                <input name="id2082" id="id2082" type="text" size="17" maxlength="15"/>
                                <!--<span class="x-form-requir">*必填</span>-->
                                <span class="x-form-tip" id="id2082Tip"></span>
                            </td>
                        </tr>
                        <tr>
                            <td class="frame_tab_left"><label for="id2085"><label sid="lan.dhcp_lease"></label></label>
                            </td>
                            <td class="frame_tab_right">
                                <input name="id2085" id="id2085" type="text" size="17" maxlength="15"/>&#160;<label
                                    sid="ext_reg.table1_td2_note"></label>
                               <!-- <span class="x-form-requir">*必填</span>-->
                                <span class="x-form-tip" id="id2085Tip"></span>
                            </td>
                        </tr>
                    </table>
                    <table width="100%" border="0" cellpadding="0" cellspacing="0" class="cmenutitle">
                        <tr>
                            <td colspan="2"></td>
                        </tr>
                        <tr>
                            <td class="frame_tab_center" colspan="2">
                                <input type="button" sid="sbutton.save" value="" name="submit1" class="button" id="submit1">
                            </td>
                        </tr>
                    </table>
                </div>
            </fieldset>
            <fieldset>
                <legend>&#160;<label sid="dhcp.title2"></label>&#160;</legend>
                <div class="frame_tab_layer">
                    <!--dhcp-->
                    <table width="100%" border="0" cellpadding="0" cellspacing="0" class="cmenutitle" id="dhcpconfigid">
                        <tr>
                            <td class="frame_tab_left">
                                <label sid="stalist.macaddr"></label>


                            </td>
                            <td class="frame_tab_right">
                                <input name="id2086_0" id="id2086_0" type="text" size="17" maxlength="17"/>
                                <span class="x-form-tip" id="id2086_0Tip"></span>
                            </td>
                        </tr>

                        <tr>
                            <td class="frame_tab_left">
                                <label sid="secure.radius_ipaddr"></label>
                            </td>
                            <td class="frame_tab_right">
                                <input name="id2086_1" id="id2086_1" type="text" size="17" maxlength="17"/>
                                <span class="x-form-tip" id="id2086_1Tip"></span>
                            </td>

                        </tr>
                        <tr>
                           <td>
                           </td>
                        </tr>
                        <tr>
                            <td class="frame_tab_left">
                            <label sid="stalist.macaddr"></label>
                            </td>
                            <td class="frame_tab_right">
                                <input name="id2087_0" id="id2087_0" type="text" size="17" maxlength="17"/>
                                <span class="x-form-tip" id="id2087_0Tip"></span>
                            </td>
                        </tr>
                        <tr>
                            <td class="frame_tab_left">
                                <label sid="secure.radius_ipaddr"></label>                            </td>
                            <td class="frame_tab_right">
                                <input name="id2087_1" id="id2087_1" type="text" size="17" maxlength="15"/>
                                <span class="x-form-tip" id="id2087_1Tip"></span>
                            </td>
                        </tr>
                        <tr>
                            <td>

                            </td>
                        </tr>
                        <tr>
                            <td class="frame_tab_left">
                                <label sid="stalist.macaddr"></label>
                            </td>
                            <td class="frame_tab_right">
                                <input name="id2088_0" id="id2088_0" type="text" size="17" maxlength="17"/>
                                <span class="x-form-tip" id="id2088_0Tip"></span>
                            </td>
                        </tr>
                        <tr>
                            <td class="frame_tab_left">
                                <label sid="secure.radius_ipaddr"></label>
                            </td>
                            <td class="frame_tab_right">
                                <input name="id2088_1" id="id2088_1" type="text" size="17" maxlength="15"/>
                                <span class="x-form-tip" id="id2088_1Tip"></span>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2"></td>
                        </tr>
                        <tr>
                            <td class="frame_tab_center" colspan="2">
                                <input type="button" sid="sbutton.save" value="" name="submit2" class="button" id="submit2">
                            </td>
                        </tr>
                    </table>
                </div>
            </fieldset>

    </div>
</div>
<br/>
<div id="helpContainer">
    <div id="help">
        <div><h2><img src="images/help_title.png" border="0"/><label sid="share.help"></label></h2></div>
        <div id="helpBody">
        <dl>
            <dt class="term"><label sid="dhcp.menu"></label></dt>
            <dd class="definition"><label sid="dhcp.title1_note"></label><br/><br/>
                <label sid="dhcp.title2_note"></label></dd>
            <dt class="term"><label sid="lan.dhcp_lease"></label></dt>
            <dd class="definition"><label sid="lan.dhcp_lease_note"></label></dd>
            <dt class="term"><label sid="dhcp.title2"></label></dt>
            <dd class="definition"><label sid="dhcp.title2Tip"></label></dd>
        </dl>
        </div>
    </div>
</div>

<script type="text/javascript" src="js/libTable.js"></script>
<script type="text/javascript">
   var nonames = new Array("submit1", "submit2", "submit", "id2086_0", "id2086_1", "id2087_0", "id2087_1", "id2088_1", "id2088_0", "id2079_1", "id2079_2", "id2079_3", "id2079_4", "id2080_1", "id2080_2", "id2080_3", "id2080_4");
    $(document).ready(function(){
        $.formValidator.initConfig({debug:false,submitOnce:true,submitButtonID:"submit1",
            onError:function(msg, obj, errorlist) {

            },
            onSuccess:function(){
                $(".errormsg").html('');
                var settext = getSetText(nonames);
                var value2079 = $("#id2079_1").val() + "." + $("#id2079_2").val() + "." + $("#id2079_3").val() + "." + $("#id2079_4").val();
                var value2080 = $("#id2080_1").val() + "." + $("#id2080_2").val() + "." + $("#id2080_3").val() + "." + $("#id2080_4").val();
                settext += "&id2079=" + value2079 + "&id2080=" + value2080;
                settext = settext.replace(/\#/g, "%23");
                submitform(modules["set_data"], settext,"dhcp_main_load");
            }

        });
        $("#id2079_4").formValidator({
            onFocus:errmsg.Info4
        }).regexValidator({
                    regExp:regexEnum.notempty,
                    onError:errmsg.Info3
                }).inputValidator({min:2,max:255,type:"value",onError:errmsg.Info2});

        $("#id2080_4").formValidator({
            onFocus:errmsg.Info4
        }).regexValidator({
                    regExp:regexEnum.notempty,
                    onError:errmsg.Info3
                }).inputValidator({min:2,max:255,type:"value",onError:errmsg.Info2});

        $("#id2082").formValidator({
            onFocus:errmsg.Info5
        }).regexValidator({
                    regExp:regexEnum.notempty,
                    onError:errmsg.Info3
                }).regexValidator({
                    regExp:regexEnum.ip4,
                    onError:errmsg.Info1

                });

        $("#id2085").formValidator({
            onFocus:errmsg.Info6
        }).regexValidator({
                    regExp:regexEnum.notempty,
                    onError:errmsg.Info3
                }).regexValidator({
                    regExp:regexEnum.intege1,
                    onError:errmsg.Info1
                });

        $("#id2086_0").formValidator({
            onFocus:errmsg.Info7
        }).regexValidator({
                    regExp:regexEnum.mac,
                    onError:errmsg.Info1
         });
        $("#id2086_1").formValidator({
            onFocus:errmsg.Info9
        }).regexValidator({
                    regExp:regexEnum.ip4,
                    onError:errmsg.Info1
                });

        $("#id2087_0").formValidator({
            onFocus:errmsg.Info7
        }).regexValidator({
                    regExp:regexEnum.mac,
                    onError:errmsg.Info1
                });
        $("#id2087_1").formValidator({
            onFocus:errmsg.Info9
        }).regexValidator({
                    regExp:regexEnum.ip4,
                    onError:errmsg.Info1
                });

        $("#id2088_0").formValidator({
            onFocus:errmsg.Info7
        }).regexValidator({
                    regExp:regexEnum.mac,
                    onError:errmsg.Info1
                });
        $("#id2088_1").formValidator({
            onFocus:errmsg.Info9
        }).regexValidator({
                    regExp:regexEnum.ip4,
                    onError:errmsg.Info1
                });



        var sendtext = getSendText(nonames);
        sendtext += "&id=2086&id=2087&id=2088&id=2080&id=2079&id=2073";
        DataRequest("get_json", sendtext, function (data) {
            getResult(nonames, data);
            var value2086 = data["id2086"];
            var value2087 = data["id2087"];
            var value2088 = data["id2088"];
            var value2079 = data["id2079"];
            var value2080 = data["id2080"];
            var value2073 = data["id2073"];

                if (value2079.indexOf(".") >= 0) {
                    var array2079 = value2079.split(".");
                    for (var i = 0; i < array2079.length; i++) {
                        var j = i + 1;
                        updatecfgvalue("id2079_" + j, array2079[i]);
                    }
                }


                if (value2080.indexOf(".") >= 0) {
                    var array2080 = value2080.split(".");
                    for (var i = 0; i < array2080.length; i++) {
                        var j = i + 1;
                        updatecfgvalue("id2080_" + j, array2080[i]);
                    }
                }

            if (value2086.indexOf(";") >= 0) {
                var array2086 = value2086.split(";");
                for (var i = 0; i < array2086.length; i++) {
                    updatecfgvalue("id2086_" + i, array2086[i]);
                }
            } else {
                updatecfgvalue("id2086_0", value2086);
            }
            if (value2087.indexOf(";") >= 0) {
                var array2087 = value2087.split(";");
                for (var i = 0; i < array2087.length; i++) {
                    updatecfgvalue("id2087_" + i, array2087[i]);
                }
            } else {
                updatecfgvalue("id2087_0", value2087);
            }
            if (value2088.indexOf(";") >= 0) {
                var array2088 = value2088.split(";");
                for (var i = 0; i < array2088.length; i++) {
                    updatecfgvalue("id2088_" + i, array2088[i]);
                }
            } else {
                updatecfgvalue("id2088_0", value2088);
            }

        });
            $("#id2086_0,#id2086_1,#id2087_0,#id2087_1,#id2088_0,#id2088_1").unFormValidator(true);

            $("#id2086_0,#id2086_1,#id2087_0,#id2087_1,#id2088_0,#id2088_1").bind("click",function(){
                $(this).unFormValidator(false);
            });

        $("#submit2").bind("click",function(){
            if($("#id2086_0").val()!="" || $("#id2086_1").val()!=""){
                if($("#id2086_0").val()==""){
                    $(this).focus();
                    return false;
                }else if($("#id2086_1").val()==""){
                    $(this).focus();
                    return false;
                }
                if($("#id2086_0Tip").hasClass("onError")){
                    $("#id2086_0").focus();
                    return false;
                }else if($("#id2086_1Tip").hasClass("onError")){
                    $("#id2086_1").focus();
                    return false;
                }
            }

            if($("#id2087_0").val()!="" || $("#id2087_1").val()!=""){
                if($("#id2087_0").val()==""){
                    $(this).focus();
                    return false;
                }else if($("#id2087_1").val()==""){
                    $(this).focus();
                    return false;
                }
                if($("#id2087_0Tip").hasClass("onError")){
                    $("#id2087_0").focus();
                    return false;
                }else if($("#id2087_1Tip").hasClass("onError")){
                    $("#id2087_1").focus();
                    return false;
                }
            }

            if($("#id2088_0").val()!="" || $("#id2088_1").val()!=""){
                if($("#id2088_0").val()==""){
                    $(this).focus();
                    return false;
                }else if($("#id2088_1").val()==""){
                    $(this).focus();
                    return false;
                }
                if($("#id2088_0Tip").hasClass("onError")){
                    $("#id2088_0").focus();
                    return false;
                }else if($("#id2088_1Tip").hasClass("onError")){
                    $("#id2088_1").focus();
                    return false;
                }
            }
            $(".errormsg").html('');
            var settext = '';
            var set2086 = '';
            var set2087 = '';
            var set2088 = '';
            if ($("#id2086_0").val() != "" && $("#id2086_1").val() != "") {
                set2086 = $("#id2086_0").val() + ";" + $("#id2086_1").val();
            } else if ($("#id2086_0").val() == "" && $("#id2086_1").val() == "") {
                set2086 = '';
            } else if ($("#id2086_0").val() != "") {
                set2086 = $("#id2086_0").val() + ";";
            } else if ($("#id2086_1").val() != "") {
                set2086 = ";" + $("#id2086_1").val();
            }
            if ($("#id2087_0").val() != "" && $("#id2087_1").val() != "") {
                set2087 = $("#id2087_0").val() + ";" + $("#id2087_1").val();
            } else if ($("#id2087_0").val() == "" && $("#id2087_1").val() == "") {
                set2087 = "";
            } else if ($("#id2087_0").val() != "") {
                set2087 = $("#id2087_0").val() + ";";
            } else if ($("#id2087_1").val() != "") {
                set2087 = ";" + $("#id2087_1").val();
            }
            if ($("#id2088_0").val() != "" && $("#id2088_1").val() != "") {
                set2088 = $("#id2088_0").val() + ";" + $("#id2088_1").val();
            } else if ($("#id2088_0").val() == "" && $("#id2088_1").val() == "") {
                set2088 = "";
            } else if ($("#id2088_0").val() != "") {
                set2088 = $("#id2088_0").val() + ";";
            } else if ($("#id2088_1").val() != "") {
                set2088 = ";" + $("#id2088_1").val();
            }
            set2086 = set2086.replace(/-/g, ":");
            set2087 = set2087.replace(/-/g, ":");
            set2088 = set2088.replace(/-/g, ":");
            settext += "&id2086=" + set2086 + "&id2087=" + set2087 + "&id2088=" + set2088;
            settext = settext.replace(/\#/g, "%23");
            submitform(modules["set_data"], settext,"dhcp_main_load");
        });
    });



    function disabledServer() {
        if ($("input[name='id2078']:checked").val() == 0) {
            $("#dhcpconfigid").hide();
            $("#id2079_4,#id2080_4,#id2082,#id2085").unFormValidator(true);
        } else {
            $("#dhcpconfigid").show();
        }
    }


</script>
